<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>sflds-vue project</title>
  <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="assets/skin-standard/css/style.css">
  <script src="assets/jquery/jquery-1.11.1.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
  <div id="app">
    <sf-view>
      <!-- header -->
      <sf-header website-cn="这是站点名称" website-en="this is website name">
        <!-- 头部工具条 -->
        <sf-toolbar>
          <sf-toolbar-item href="/home" @click="backHome">返回首页</sf-toolbar-item>
          <sf-toolbar-item>加入收藏</sf-toolbar-item>
          <sf-toolbar-item>RSS订阅</sf-toolbar-item>
        </sf-toolbar>
        <!-- 导航条 -->
        <sf-navbar>
          <sf-navbar-item href="/zhcx/test/dd">综合查询</sf-navbar-item>
          <sf-navbar-item href="/fltxcx">法律体系查询</sf-navbar-item>
          <sf-navbar-item href="/home" active>最新法律资讯</sf-navbar-item>
        </sf-navbar>
        <!-- 位置栏 -->
        <sf-position>
          <!-- 面包屑 -->
          <sf-breadcrumb>
            <sf-breadcrumb-item href="/home">首页</sf-breadcrumb-item>
            <sf-breadcrumb-item href="/zxflzx">
              <template>最新法律资讯</template>
              <template slot="separator"></template>
            </sf-breadcrumb-item>
          </sf-breadcrumb>
          <!-- 字体大小 -->
          <sf-font selector=".position_nav_l"></sf-font>
        </sf-position>
      </sf-header>
      
      <!-- 主体内容 -->
      <sf-main>
        <!-- 左侧 -->
        <sf-aside align="left">
          <!-- 综合查询 -->
          <sf-search placeholder="请输入关键字..."></sf-search>
          <!-- 快速链接 -->
          <sf-quick-link>
            <sf-link v-for="link of links" :key="link.id" :href="link.url">{{link.name}}</sf-link>
          </sf-quick-link>
        </sf-aside>

        <!-- 右侧 -->
        <sf-aside align="right">
          <!-- 标签页组件 -->
          <sf-tabs @show:tab="onShowTab" @shown:tab="onShownTab">
            <sf-tab id="t1" header="最新法规">
              <!-- 表格组件 -->
              <sf-table :columns="columns" 
                        :data="tableDatas" 
                        :total="total" 
                        :current="currentPage" 
                        :page-size="1" 
                        :show-page="true" 
                        @on-page-change="onPageChange">
                        </sf-table>
              <sf-button tag="p" tag-class="btn_b" primary>更多>></sf-button>
            </sf-tab>
            <sf-tab id="t2" header="行政执法文书">
              <!-- 树形组件 -->
              <sf-tree :data="nodes" @on-select-change="onSelectChange" :loading="treeLoading">
                <div slot="tree-loading">loading...</div>
              </sf-tree>
              <sf-button primary @click="onloadTreeData">加载数据</sf-button>
              <sf-button danger @click="onCleanTreeData">清空数据</sf-button>
            </sf-tab>
            <sf-tab id="t3" header="司法判决书">3</sf-tab>
            <sf-tab id="t4" header="自律监管措施决定书">4</sf-tab>
          </sf-tabs>
        </sf-aside>
      </sf-main>
      
      <!-- footer -->
      <sf-footer>
        <sf-link>系统简介</sf-link> | <sf-link>联系我们</sf-link> | <sf-link>访问统计</sf-link> | <sf-link>网站地图</sf-link>
      </sf-footer>

    </sf-view>
  </div>
 <script src="./build.js"></script>
</body>
</html>